<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>

    .main{
        width: 600px;
        height: 650px;
        background-color: rgb(107, 154, 220);
        border-radius: 10px;
        margin: auto;
    }
    .name{
        margin-top: 20px;
    }
    div{
        padding-top: 20px;
        padding-left: 20px;
    }
    input{
        width: 440px;
        font-size: 20px;
        border-radius: 5px;
    }
    .describe{
        font-size: 20px;
        border-radius: 5px;
        margin-top: 15px;
        min-height:122px;min-width:522px;max-height:250px;max-width:522px;
    }
    button{
        font-size: 20px;
        width: 200px;
        height: 50px;
        background-color: rgb(119, 137, 137);
        border-radius: 10px;
    }
</style>
<body >
    <div class="main">
        <form class="name">
            <center style="font-size: 35px;">上传商品</center>
            <div>
                商品名称:
                <input class="input" required type="text"/>
            </div>
            <div>
                商品分类:
                <input class="input" required type="text"/>
            </div>
            <div>
                商品成色:
                <input class="input" required type="text"/>
            </div>
            <div>
                商品价格:
                <input class="input" required type="text"/>
            </div>
            <div>
                <span>商品描述:</span> 
                <textarea class="describe" cols="48" rows="5" name="comments"></textarea>
            </div>
            <div>
                <button>选择图片</button>
                <button>提交审核</button>
            </div>
        </form>
    </div>
</body>
</html>